/**
* 应用css变量定义
* ios设计逻辑分辨率：375pt * 667pt
* android设计逻辑分辨率：360pt * 640pt
**/
.red:root {
    /** 文字大小 **/
    // 导航标题、按钮文字
    --app-title-or-button-font-size: 1.06rem;
    // 重要文字(如：昵称、列表标题)
    --app-important-font-size: 1rem;
    // 正常文字
    --app-normal-font-size: 0.875rem;
    // 辅助性文字
    --app-auxiliary-font-size: 0.75rem;
    // 次要文字(如：时间、标签)
    --app-secondary-font-size: 0.7rem;

    /** 颜色 **/
    // 主色(导航栏背景、需要强调的文字、按钮背景)
    --app-dominant-color:#FF3333; // 主色
    --app-dominant-color-rgb: 71, 132, 252;
    --app-dominant-color-activate: #EE2E2E; // 激活色(如：按钮点击)
    --app-dominant-color-activate-rgb: 0, 174, 196;
    // 危险色
    --app-danger-color: #FF3333;
    --app-danger-color-rgb: 255, 51, 51;
    --app-danger-color-activate: #EE2E2E;
    --app-danger-color-activate-rgb: 238, 46, 46;
    // 警告色
    --app-warning-color: #FFBD2E;
    --app-warning-color-rgb: 255, 189, 46;
    --app-warning-color-activate: #F4A700;
    --app-warning-color-activate-rgb: 244, 167, 0;
    // 成功色
    --app-success-color: #10DC60;
    --app-success-color-rgb: 16, 220, 96;
    --app-success-color-activate: #0EC254;
    --app-success-color-activate-rgb: 14, 194, 84;
    // 重点文字
    --app-important-font-color: #151515;
    --app-important-font-color-rgb: 21, 21, 21;
    // 正文、主要文字
    --app-normal-font-color: #808080;
    --app-normal-font-color-rgb: 128, 128, 128;
    // 搜索框-背景色
    --app-search-background-color: #C9C9CE;
    --app-search-background-color-rgb: 201, 201, 206;
    // 分割线
    --app-dividing-line-color: #D5D5D5;
    --app-dividing-line-color-rgb: 213, 213, 213;
    // 非重要按钮、icon(如：取消)
    --app-unimportant-color: #FAFAFA;
    --app-unimportant-color-rgb: 250, 250, 250;
    // 按钮文字
    --app-button-font-color: #FFFFFF;
    --app-button-font-color-rgb: 255, 255, 255;
    // 背景色
    --app-background-color: #E8E8E8;
    --app-background-color-rgb: 232, 232, 232;
    // 背景填充色
    --app-background-fill-color: #F5F5F5;
    --app-background-fill-color-rgb: 245, 245, 245;

    // 定义主变量
    --app-form-editor-text-align: end;
    --app-form-editor-justify-content: flex-end;
    }

